<script setup lang="ts">
import {videoImagesDir} from '@/utils/config.ts'
import TextInfo from '@/components/text-info.vue'

const imageWidth = 397
const imageHeight = Math.ceil(imageWidth * 9 / 16)

import {DreamVideo, Movie} from '@/data/Dream'

defineProps<{
  movie: Movie
  video: DreamVideo
}>()
</script>

<template>
  <a-image :width="imageWidth"
           :height="imageHeight"
           :src="videoImagesDir + video.images[0]"
  />

  <text-info :movieProps="movie"
             :video="video"
  />
</template>

<style scoped lang="stylus">
</style>
